<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="/css/callus/callus.css">
  <script src="/public/jQuery.min.js"></script>
  <link rel="stylesheet" href="/public/swiper-bundle.min.css">
  <!-- jq -->
  <script src="/public/jQuery.min.js"></script>
  <!-- jq -->
  <!-- 地图 -->
  <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=D3n6vyB2Z1dbL9Mp4sSlP0gBf69CkSgi"></script>
  <title>联系我们</title>
</head>

<body>
  <div id="callus">
    <!-- 头部  -->
    <div class="header">
      <header>
        {include file="component/header" /}
      </header>
    </div>
    <!-- 头部  -->
    <!-- body -->
    <div class="callus">
      <!-- 表单 -->
      <form method="post" action="callus/callus">
      <div class="callformbox">
        <div class="titlebox">
          <p class="title-tit">联系我们</p>
          <p class="title-p">Conrece Us</p>
        </div>
        <div class="callform">
          <div class="formoneline">
            <div class="oneleft">
              <p class="linetit">给我们留言</p>
              <p class="linetime">11：00-22：00</p>
            </div>
            <div class="oneright">
              <div class="fname">
                <input type="text" name="name" class="name" id="name" placeholder="姓名" required title="请输入用户名">
              </div>
              <div class="fname">
                <input type="email" name="email" class="name" id="email" placeholder="邮箱" required title="请输入邮箱">
              </div>
            </div>
          </div>

          <div class="formoneline">
            <div class="oneleft">
              <p class="linetit">地址</p>
              <p class="linetime">山东省xx市岱岳区xxxx</p>
            </div>
            <div class="oneright">
              <div class="fsite">
                <input type="text" name="address" class="name"  placeholder="山东省xx市岱岳区xxxx" required title="请输入地址">
              </div>
              <div class="fsite">
                <input type="text" name="phone" class="name"  placeholder="139********" required title="请输入电话">
              </div>
            </div>
          </div>

          <div class="formoneline">
            <div class="oneleft">
              <p class="linetit">电话</p>
              <p class="linetime">xxxxxxxx</p>
              <div class="oneleftl">
                <p class="linetit">邮箱</p>
                <p class="linetime">xxxxxxxx@163.com</p>
              </div>
            </div>
            <div class="oneright">
              <div class="fsite">
                <textarea type="textarea" name="message" class="textarea"  placeholder="留言" required title="请输入内容"></textarea>
              </div>
            </div>
            <br>
           <input type="submit" value="提交">
          </div>
        </div>
      </div>
      </form>
      <!-- 表单 -->
      <!-- 地图 -->
      <div class="map">
        <div id="con"></div>
      </div>
      <!-- 地图 -->
    </div>
    <!-- body -->
    <!-- 脚部 -->
    <div class="footer">
      <footer>
        {include file="component/footer" /}
      </footer>
    </div>
    <!-- 脚部 -->
  </div>

     
  <script>
    // 地图
    var map = new BMapGL.Map('con')
    map.centerAndZoom(new BMapGL.Point(117.0483, 36.211008), 18)
    map.enableScrollWheelZoom(true);
    // 地图    
  </script>
</body>

</html>
